<template>
  <div>
    <a-radio-group
      v-bind="$attrs"
      v-model:value="scope"
      :options="translateOptions(scopeOptions)"
      @change="onChange"
    />
  </div>
</template>

<script setup lang="ts">
import { scopeOptions } from '@/data/system.options';
import { translateOptions } from '@/utils/common/common';
const scope = defineModel('modelValue');

const emit = defineEmits(['change']);
const onChange = () => {
  emit('change', scope.value);
};
</script>

<style lang="scss" scoped></style>
